<template>
    <div class="modal">
        <div class="modal-container">
            <div class="icon-container">
                <div class="icon" :class="{}">

                </div>
            </div>
            <div class="modal-content">
                文字
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {}
    },
    props: ['value', 'placeholder', 'label']
}
</script>

<style scoped>
    .modal {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8)
    }
    .modal-container {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
    }
    .icon-container {
        float: left;
        overflow: hidden;
    }

    .modal-content {
        float: left;
        overflow: hidden;
    }
</style>
    